import React from 'react';
import { StyleSheet, Image, View, ScrollView, Text } from 'react-native';
import { ListItem, Button, Input } from 'react-native-elements';
import Icon from 'react-native-vector-icons/Ionicons';
import { UserData } from '../Global';
export default class SettingsScreen extends React.Component {
    static navigationOptions = {
        title: '申请提现',
    };
    constructor(props) {
        super(props);
        this.state = {
            phone_valid: true
        };
    }
    submitLoginCredentials = () => {

    }
    render() {
        let { phone_valid } = this.state;

        return (
            <ScrollView>
                <View style={{ backgroundColor: '#FFF', }}>
                    <View style={{ alignItems: 'center', marginVertical: 20 }}>
                        <Input
                            placeholder='输入提现金额，最低10元'
                            label='提现(￥)'
                            labelStyle={{ color: '#000' }}
                            clearButtonMode='always'
                            keyboardType='numeric'
                            maxLength={8}
                        />
                        <View style={{ flexDirection: 'row', margin: 20 }}>
                            <View style={{ flex: 1, }}>
                                <Text>当前余额：</Text>
                                <Text>手续费：</Text>
                                <Text>实际到账：</Text>
                            </View>
                            <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-end' }}>
                                <Text>全部提现</Text>
                            </View>
                        </View>
                        <Button
                            title="确认提现"
                            underlayColor="transparent"
                            onPress={this.submitLoginCredentials}
                            disabled={!phone_valid}
                            buttonStyle={{
                                height: 40,
                                width: 250,
                                backgroundColor: 'transparent',
                                borderWidth: 1,
                                borderColor: '#6e6e6e',
                                borderRadius: 10,
                            }}
                            containerStyle={{ marginVertical: 20 }}
                            titleStyle={{ fontWeight: 'bold', color: '#6e6e6e' }}
                        />
                        <Text style={{ marginHorizontal: 20 }}>
                            提现将在3个工作日内处理完成。单日单笔提现上限1000元，支付宝收取提现手续费为提现金额的0.15%，最低3元，最高25元
              </Text>
                    </View>


                </View>



            </ScrollView>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
    },
    walletTitle: {
        fontSize: 20,
        color: '#FFF',
        margin: 20
    },
    balance: {
        fontSize: 26,
        color: '#FFF',
        marginBottom: 20
    }

});
